آموزش ساخت افکت متن متحرک کلیک شده در فتوشاپ | کاربردی در ساخت بنر

سلام بازم با یه آموزش دیگه در خدمت شمام میخوام به شما آموزش جالبی رو بدم که صد درصد در ساخت بنر ازش استفاده میشه نمونه ی این آموزش رو در هیچ یک از سایت های ایرانی و خارجی نمی بینید چون کسی نمیاد ترفند کاری خودش رو یاد بده ولی در سایت آی فتوشاپ فرق میکنه و چیزی که ما بلد باشیم رو باید( تاکید میکنم باید) شما هم بلد باشید هدف سایت ما همینه سعی کردم تا اون قدی که بلدم کم کاری نکنم پس میریم سر آموزش…

پیشنمایش کار:شما می تونید افکت متن یا تصویر کلیک خورده رو در فتوشاپ بسازید

مرحله ی اول

ابتدا یک سند جدید ایجاد کنید ابعاد این سند باید در سایز استاندارد ۶۰*۴۶۸ باشه سپس رنگ زمینه رو با کد زیر یکسان کنید اینم کد:

d6660c#

حالا آیکون های زیر رو دریافت کنید

خب بعد از دریافت این ایکون ها آیکون فلش یا Cursor رو در فتوشاپ باز کنید دقت کنید وقتی تصویرCursorدر فتوشاپ باز کردید کلید هایCtrl+Aرو یکبار به صورت همزمان بزنید وقتی تصویر به حالت انتخاب شده در اومد کافیه کلید های Ctrl+C رو یکبار به صورت همزمان بزنید تا تصویر کپی بشه و به سراغ بکگراند اصلی برید که با سایز ۶۰*۴۶۸ ایجاد کردید یکبار کلید های Ctrl+Vرو بزنید تا تصویر فلش یا Cursorدر بکگراند ما پِست بشه

به این شکل

توجه کنید که آیکون فلش باید در پایین ترین قسمت سمت راست باشه مثلا آیکون داره از اونجا میاد به سمت چپ متوجه شدید که دوستان گلم

مرحله ی دوم

حالا تصویرجعبه ی کادو یا Gift-icon 2 رو در فتوشاپ باز کنید سپس این تصویر رو با روش گفته شده در لایه ی بنر اصلی پست کنید به این شکل

اگه دقت کنید وقتی که تصویر جعبه کادو رو در بکگراند اصلی پِست می کنید بسیار بزرگ هستش و در بنر ما جا نمیشه شما کافیه یکبار همزمان کلید های Ctrl+Tرو بزنید وقتی مقیاس تصویر برای کوچیک کردن یا بزرگ کردن ظاهر شما شما باید اون تصویر رو کوچیک کنید و مانند تصویر بالا در جاهای مناسب قرار بدید

مرحله ی سوم

به حرکت در آوردن موس

شما کافیه یک فرم جدید بسازید :راهنما را دنبال کنید برای فعال سازی انیمیشن فتوشاپ مانند تصویر زیر عمل کنید

همون جوری که تو تصویر بالا می بینید برای فعال سازی انیمیشن فتوشاپ عمل کنید حالا یک فرم جدید ایجاد کنید برای ساختن فرم جدید تصویر زیر رو دنبال کنید

حالا در فرم دوم لایه ی فلش رو انتخاب کنید سپس این فلش رو در فرم دوم به روی جعبه ی کادو ببرید به این شکل

دقت کنید که این کار باید در فرم دوم صورت بگیره من مشخص کردم که در اول اول فلش کجا بوده و در فرم دوم با فلش رنگ قرمز مشخص کردم که فلش موس باید کجا قرار بگیره

سپس فرم اول رو انتخاب کنید روی این ایکون کلید کنید تا سیستم به صورت خودکار موس شما رو به حرکت در بیاره

سپس در پنجره ی باز شده مقدار و گزینه ها رو وارد و چک کنید.

سپس اگه پلی کنید می بنید که فلش موس داره از یه سمت به یه سمت دیگه میره پس تا اینجا ۵۰% کاره ما آمادس یک کپی از تصویر جعبه ی کادو بگیرید باید لایه های شما اینطوری شده باشه ها

حالا فرم اول رو انتخاب کنید چشمک لایه ی کپی شده ی جعبه ی کادو رو در فرم اول خاموش کنید به این شکل

حالا فرم ۷ رو انتخاب کنید سپس چراغ جعبه ی کادو ی اصلی رو خاموش و سپس چشمک لایه ی جعبه ی کپی شده رو روشن کنید به این شکل

حالا لایه ی کپی شده جعبه ی کادو رو در فرم ۷ انتخاب کنید سپس با زدن کلید هایCtrl+T یکبار به صورت همزمان مقایس تصویررو به صورت حالت کوچک کننده یا بزرگ کننده در بیارید که شما باید تصویر جعبه رو کمی کوچکتر کنید به این شکل

فرم اول رو انتخاب کنید حالا ایکون

یا Cursor Handرو فتوشاپ باز کنید به همون روش گفته شده اون رو وارد لایه ی بکگراند کنید به این شکل

دقت کنید که این آیکون در فرم اول پِست بشه حالا توی همون فرم اول چشمک آیکون Cursor Handرو خاموش کنید سپس به فرم هفتم برید چشمک آیکونCursor Handرو روشن کنید و چشمک آیکون Cursorرو خاموش کنید به این شکل

دقت کنید تصویر شما در فرم هفتم این شکلیه ها

خب الان تایم این فرم (فرم۷)رو به عدد ۲ فرم در ثانیه برسونید به این شکل

خب الان یک فرم جدید بسازید سپس در فرم هشتم چشمک لایه هایی که خاموش کردم رو مانند تصویر شما هم خاموش کنید

در فرم هشتم تایم فرم رو به عدد صفر برسونید

الان پلی کنید می بینید که وقتی روش کلیک میشه در فرم هفتم این جعبه ی کادو کوچیک میشه و حالتی مثل کلیک خوردن روش بدست میاد اینم تصویر نهایی آموزش

اینم یه نمونه بنر ساده با همین روش که ساختم

دیگه باید خودتون رو نشون بدید چی طراحی می کنید من همیشه فقط به شما افکت رو یاد میدم و بقیه ی کار با شماست